<ion-header>
  <ion-navbar>
    <ion-title>绑定手机</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <div class="bc-wihte ubb ubt bc-cc padleft">
    <div class="ub ub-ac  umh5 ">
      <div class=" uinput ub ub-ac ub-f1 li">
        <div class="icon  sc-text">
          <img src="assets/imgs/login/shouji.png" />
        </div>
        <input style="padding:0" placeholder="请输入手机号" maxlength="11" type="number" [(ngModel)]="mobile" name="mobile" class="ub-f1 phonenum number">
        <div (click)="getvcode()" class="yanzhengma" *ngIf="!verifyCodeWait">
          {{vcodeName}}
        </div>
        <div class="yanzhengma" *ngIf="verifyCodeWait">
          {{vcodetime}}秒后重试
        </div>
      </div>
    </div>
    <div class="ub ub-ac ubt bc-cc umh5">
      <div class=" uinput ub ub-ac ub-f1 li">
        <div class=" icon sc-text">
          <img src="assets/imgs/login/yanzhengma.png" />
        </div>
        <input style="padding:0" [(ngModel)]="code" name="code" placeholder="请输入验证码" type="number" class="umw4 ub-f1 number">

      </div>
    </div>
    <div class="ub ub-ac ubt bc-cc umh5" [hidden]="!showPwd">
      <div class=" uinput ub ub-ac ub-f1 li">
        <div class="sc-text">
          <img src="assets/imgs/login/mima.png" style="width: 1.3em;height: 1.3em;" />
        </div>
        <input type="password" *ngIf="chakanPwd" [(ngModel)]="password1" name="password1" style="padding:0" placeholder="请输入6-20位密码"
          class="umw4 ub-f1 password">
        <input type="text" *ngIf="!chakanPwd" [(ngModel)]="password1" name="password1" style="padding:0" placeholder="请输入6-20位密码" class="umw4 ub-f1 password">
        <div class="eye ub ub-ac" (click)="chaPwd(1)">
          <img src="{{chakanPwd?'assets/imgs/login/biyan.png':'assets/imgs/login/yanjing.png'}}" />
        </div>
      </div>
    </div>
    <div class="ub ub-ac ubt bc-cc umh5" [hidden]="!showPwd">
      <div class=" uinput ub ub-ac ub-f1 li">
        <div class="sc-text">
          <img src="assets/imgs/login/mima.png" style="width: 1.3em;height: 1.3em;" />
        </div>
        <input type="password" *ngIf="chakanPwd2" [(ngModel)]="password2" name="password2" style="padding:0" placeholder="请输入6-20位密码"
          class="umw4 ub-f1 password">
        <input type="text" *ngIf="!chakanPwd2" [(ngModel)]="password2" name="password2" style="padding:0" placeholder="请输入6-20位密码" class="umw4 ub-f1 password">
        <div class="eye ub ub-ac" (click)="chaPwd(2)">
          <img src="{{chakanPwd2?'assets/imgs/login/biyan.png':'assets/imgs/login/yanjing.png'}}" />
        </div>
      </div>
    </div>
  </div>
  <div class="ub ub-ver tx-l">
    <div class="uinn-at1">
      <button ion-button color="danger" [disabled]="!(code&&mobile)" (click)="loginNow()">
        完成
      </button>
    </div>
  </div>
</ion-content>